<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<style>
		body {
			background: url(https://i0.hdslb.com/bfs/article/5c7ee6323f57eaecdf796b00af4d2331e5abbe5a.jpg);
			background-size: cover;
			text-align: center;
		}
		button {
			border-radius: 10px;
			font-size: 20px;
			background-color: rgba(255, 255, 255, 0.2);
			color: blue;
			border: 2px solid blue;
			height: var(--high);
			width: var(--wide);
		}
		button:hover {
			background-color: rgba(255, 255, 255, 0.5);
		}
		</style>
		<title>⑨的笔记本</title>
	</head>
	<body>
		<script>
			document.body.style.setProperty('--wide', document.body.clientWidth + 'px');
			document.body.style.setProperty('--high', window.innerHeight / 3 + 'px');
		</script>
		<h1>⑨号笔记本</h1>
		<a href="add.html"><button>添加题目</button></a>
		<a href="review.html"><button>查看题目</button></a>
	</body>
</html>
